<script lang="jsx">
export default {
  data() {
    return { counter: 0 };
  },
  render() {
    const increment = () => this.counter++;
    const derement = () => this.counter--;

    return (
      <div class="app">
        <h4>{this.counter}</h4>
        <button onClick={increment}>+1</button>
        <button onClick={derement}>-1</button>
      </div>
    );
  },
};
</script>

<style scoped></style>
